<div class="navbar navbar-metalab navbar-no-responsive">
    <div class="container">
        <div class="navbar-header">
            <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"-->
            <!--aria-expanded="false" aria-controls="navbar">-->
            <!--<span class="sr-only">Toggle navigation</span>-->
            <!--<span class="icon-bar"></span>-->
            <!--<span class="icon-bar"></span>-->
            <!--<span class="icon-bar"></span>-->
            <!--</button>-->
            <!--<a class="navbar-brand" style="cursor: auto"><img-->
            <a class="navbar-brand" href ui-sref="meta.index" ui-sref-opts="{inherit: true}" style="padding:0">
                <img src="../../images/common/logo_header.png" height="50px" alt="迈科技">
            </a>
        </div>
        <div id="navbar">
            <ul class="nav navbar-nav">
                <li ng-class="{'active': $state.includes('meta.project')}">
                    <a ui-sref="meta.project.list.charge"
                       ui-sref-opts="{reload: true}">项目对接</a>
                </li>
                <li ng-class="{'active': $state.includes('meta.talent')}">
                    <a ui-sref="meta.talent.list.all"
                       ui-sref-opts="{reload: true}">技术资源</a>
                </li>

                <!--<li ng-class="{'active': $state.includes('meta.technology')}">-->
                <!--<a ui-sref="meta.technology.list.all"-->
                <!--ui-sref-opts="{reload: true}">技术推广</a>-->
                <!--</li>-->
                <li ng-class="{'active': $state.includes('meta.technology')}" uib-dropdown is-open="originOpened"
                    ng-mouseenter="originOpened = true" ng-mouseleave="originOpened=false">
                    <a uib-dropdown-toggle ui-sref="meta.technology.list.all({origin:undefined,area:undefined,effect:undefined,keywords:undefined})"
                       ui-sref-opts="{reload: true}">技术推广</a>
                    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button"
                        style="min-width: 120px">
                        <li role="menuitem"><a ui-sref="meta.technology.list.all({origin:'中国',area:undefined,effect:undefined,keywords:undefined})"
                                               ui-sref-opts="{reload:true}">国内技术方案</a></li>
                        <li role="menuitem"><a ui-sref="meta.technology.list.all({origin: '国外',area:undefined,effect:undefined,keywords:undefined})"
                                               ui-sref-opts="{reload:true}">国外技术方案</a></li>
                    </ul>
                </li>
                <li ng-class="{'active': $state.includes('meta.demand')}">
                    <a ui-sref="meta.demand.list.all({area:undefined,keywords:undefined})"
                       ui-sref-opts="{reload: true}">技术需求</a>
                </li>

                <li ng-class="{'active': $state.includes('meta.message')}">
                    <a ui-sref="meta.message.all({page: 1})"
                       ui-sref-opts="{reload: true}">消息
                        <span ng-bind="unreadMessage ? '(' + unreadMessage + ')' : undefined"></span>
                        <!--<span ng-bind="'(' + 10000000 + ')'"></span>-->
                    </a>
                    <i class="header-message"
                       ng-hide="!unreadMessage || unreadMessage<=0"></i>
                </li>

                <li ng-class="{'active': $state.includes('meta.account')}">
                    <a ui-sref="meta.account.info"
                       ui-sref-opts="{reload: true}">账户</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li uib-dropdown on-toggle="toggled(open)">
                    <a href="javascript:void(0)" uib-dropdown-toggle>我的</a>
                    <ul uib-dropdown-menu aria-labelledby="simple-dropdown"
                        style="padding:0;min-width: 100px;right: -1px">

                        <li>
                            <a ui-sref="meta.project.list.charge" ui-sref-opts="{reload: true}">项目</a>
                        </li>

                        <li>
                            <a ui-sref="meta.demand.list.released" ui-sref-opts="{reload: true}">需求</a>
                        </li>
                        <li>
                            <a ui-sref="meta.technology.list.released" ui-sref-opts="{reload: true}">技术方案</a>
                        </li>
                        <li ng-if="USER.talentOpened">
                            <a ui-sref="meta.talent.edit" ui-sref-opts="{reload: true}">主页</a>
                        </li>
                        <li>
                            <a ui-sref="meta.message.all" ui-sref-opts="{reload: true}">消息</a>
                        </li>
                        <li>
                            <a ui-sref="meta.account.info" ui-sref-opts="{reload: true}">账户</a>
                        </li>

                        <li ng-if="isSignIn()">
                            <a href="javascript:void(0)" ng-click="signOut()">退出</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="http://about.maikeji.cn/" target="_blank" title="迈科技资讯">迈科技资讯</a>
                </li>
                <li>
                    <a href="http://global.maikeji.cn/" target="_blank" title="http://global.maikeji.cn/">English</a>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
